.index-container {
    .top {
      color: #333;
      font-size: 24px;
      text-align: center;
      position: fixed;
      left: 0;
      top: 0;
      right: 0;
      z-index: 100;
      background: #{$primaryColor};
      // &.iphone{padding-top: 88px;}
      .scrollbar {
        width: 25%;
        height: 12px;
        transition: transform 0.3s ease-in-out;
        z-index: -1;
        position: absolute;
        left: 0;
        bottom: -4px;
      }
      .scrollbar::after {
        width: 78px;
        height: 18px;
        background: url(../../assets/images/3.png) no-repeat;
        background-size: 78px 20px;
        position: absolute;
        content: "";
        left: 50%;
        bottom: 0;
        margin-left: -30px;
      }
    }
    .index-tab {
      margin: 0 10px;
      position: relative;
      display: flex;
      line-height: 36px;
      height: 170px;
      padding: 0 15px;
      .index_tab_item {
        height: 168px;
        text-align: center;
        margin-top: 4px;
        z-index: 10;
        position: relative;
        font-size: 30px;
        color: rgba(255, 255, 255, 0.8);
        flex: 1;
        &.current {
          color: #fff;
          font-weight: 600;
        }
        &::before {
          width: 98px;
          height: 90px;
          background:  url(../../assets/images/4.png) no-repeat;
          background-size: 400px 400px;
          content: "";
          display: block;
          margin: 6px auto 0;
        }
        &.flight {
          &::before {
            background-position: -100px 0px;
          }
          &.current::before {
            background-position: -100px -100px;
          }
        }
        &.train {
          &::before {
            background-position:0px 0;
          }
          &.current::before {
            background-position: 0px -100px;
          }
        }
        &.stay {
          &::before {
            background-position:-200px 0;
          }
          &.current::before {
            background-position: -200px -100px;
          }
        }
        &.travel{
          &::before {
            background-position:-300px 0;
          }
          &.current::before {
            background-position: -300px -100px;
          }
        }
       
        &.current~.scrollbar {
          z-index: 2;
        }
      }
    }
    .no-exploit {
      margin-top: 400px;
    }
    .content {
      margin-top: 200px;
    }
  }
  